@extends('Api.common.title')
@section('content')
    @if($type == 1)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : ueditor编辑
                        <br>
                        使用说明 : <?php echo <<<EOF
                            @component('Api.tool.UEditor')
                                @slot('content')
                                    请填写内容
                                @endslot
                            @endcomponent
EOF;
                        ?>
                    </blockquote>
                    @component('Api.tool.UEditor')
                        @slot('content')
                            请填写内容
                        @endslot
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==2)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 使用orgchart JS组件开发的关系图, 蓝色为当前人
                        <br>
                        使用说明 : <?php echo <<<EOF
                        <br>
                        @component('Api.tool.group')<br>
                        @slot('content')<br>
                            'name': '老四', 'title': '老四','children': [{<br>
                            'name': '老五','title': '老五','children': [{<br>
                            'name': '老六','title': '18965550006120,000<br><a href="#" target="_blank">查看</a>','className': 'product-dept','children': [ { 'name': '老七(初级代理)','className': 'product-green','title': '1896555000790,000<br><a href="#" target="_blank">查看</a>' ,  'children': [ { 'name': '老八','className': '','title': '1896555000829,000<br><a href="#" target="_blank">查看</a>' ,  'children': []},]}, { 'name': '17','className': '','title': '189655500170<br><a href="#" target="_blank">查看</a>' ,  'children': []}, { 'name': '27','className': '','title': '189655500270<br><a href="#" target="_blank">查看</a>' ,  'children': []}, { 'name': '37','className': '','title': '1896555003735,000<br><a href="#" target="_blank">查看</a>' ,  'children': []},]
                           <br> }]
                           <br> }]
                       <br> @endslot
                   <br> @endcomponent
EOF;
                        ?>
                    </blockquote>
                    @component('Api.tool.group')
                        @slot('content')
                            'name': '老四', 'title': '老四','children': [{
                            'name': '老五','title': '老五','children': [{
                            'name': '老六','title': '18965550006120,000<br><a href="#" target="_blank">查看</a>
                            ','className': 'product-dept','children': [ { 'name': '老七(初级代理)','className':
                            'product-green','title': '1896555000790,000<br><a href="#" target="_blank">查看</a>' ,
                            'children': [ { 'name': '老八','className': '','title': '1896555000829,000<br><a href="#"
                                                                                                           target="_blank">查看</a>
                            ' ,  'children': []},]}, { 'name': '17','className': '','title': '189655500170<br><a
                                    href="#" target="_blank">查看</a>' ,  'children': []}, { 'name': '27','className':
                            '','title': '189655500270<br><a href="#" target="_blank">查看</a>' ,  'children': []}, {
                            'name': '37','className': '','title': '1896555003735,000<br><a href="#"
                                                                                           target="_blank">查看</a>' ,
                            'children': []},]
                            }]
                            }]
                        @endslot
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==3)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : Layer时间控件
                        <br>
                        使用说明
                        : <?php echo htmlspecialchars('<input type="text" class="layui-input" id="start_time" placeholder="yyyy-MM-dd" name="time"  autocomplete="off"  lay-verType="tips" lay-verify="required">');
                        ?>
                    </blockquote>
                    @component('Api.tool.time')
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==4)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 多附件上传
                        <br>
                        使用范例 : <?php echo <<<EOF
                        使用范例 :  <?php echo  <<<EOF
                        @component('Api.tool.file',["id"=>"","file"=>obj])
                        @endcomponent
                           <br>
                     参数说明: id(必填,如1个页面多次调用,请填写不相同的ID) file(选填,附件对象编辑时使用)
EOF;
                        ?>
                    </blockquote>
                    @component('Api.tool.file',["id"=>""])
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==5)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 单附件上传
                        <br>
                        使用范例 :  <?php echo  <<<EOF
                      @component('Api.tool.one',["id"=>"","file"=>obj])
                     @endcomponent
                     <br>
                     参数说明: id(必填,如1个页面多次调用,请填写不相同的ID) file(选填,附件对象编辑时使用)
EOF;
                        ?>
                    </blockquote>
                    @component('Api.tool.one',["id"=>""])
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==6)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 视频上传
                        <br>
                        使用说明 : <?php echo <<<EOF
                        @component('Api.tool.video')
                        @endcomponent
EOF;
                        ?>
                    </blockquote>
                    @component('Api.tool.video')
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==7)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 二维码
                        <br>
                        使用说明
                        : <?php echo htmlspecialchars("<div class='visible-print text-center' style='float: left;'>{!! QrCode::size(100)->generate('https://www.baidu.com/') !!}<p></p></div>");
                        ?>
                    </blockquote>
                    @component('Api.tool.QrCode')
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==8)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 省市县三级联动
                        <br>
                        使用说明 :  <?php echo <<<EOF
@component('Api.tool.area',["province"=>"210000","city"=>"210200","area"=>"210203"]) @endcomponent
EOF;
                        ?>
                    </blockquote>
                    @component('Api.tool.area',["province"=>"210000","city"=>"210200","area"=>"210203"])
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
    @if($type ==9)
        <div style="padding: 15px;">
            <div class="panel panel-success">
                <div class="panel-body">
                    <blockquote class="layui-elem-quote layui-quote-nm">
                        扩展说明 : 省市大学三级联动
                        <br>
                        使用说明 : <?php echo htmlspecialchars('<div class="content">
    <div class="rows">
        <div class="label">省份</div><div style="padding-left:0px;padding-right:5px;display:inline-block;color: #ccc;text-align: center;font-weight: lighter;">|</div>
        <div class="text"><select id="province" name="province"></select></div>
        </div>
        <div class="rows">
        <div class="label">城市</div><div style="padding-left:0px;padding-right:5px;display:inline-block;color: #ccc;text-align: center;font-weight: lighter;">|</div>
        <div class="text"><select id="city" name="city"></select></div>
        </div>
        <div class="rows">
        <div class="label">学校</div><div style="padding-left:0px;padding-right:5px;display:inline-block;color: #ccc;text-align: center;font-weight: lighter;">|</div>
        <div class="text"><select id="school" name="school"></select></div>
        </div>
        </div>');
                        ?>
                    </blockquote>
                    @component('Api.tool.PCS')
                    @endcomponent
                </div>
            </div>
        </div>
    @endif
@endsection